بستن

قرار دادن دکمه گوگل پلاس در وب سایت و وبلاگ| google plus +1

با فراگیر شدن فیش بوک و اون گزینه لایک معروف !! گوگل چندسالی هستش که گوگل پلاس رو که همون ویژگی فیس بوک می باشد رو به وبمستر ها عرضه کرده.در واقع بازدید کننده با زدن دکمه +۱ با اکانت جی میل خودش ، اون وب سایت رو به دیگر دوستاش در شبکه اجتماعی گوگل معرفی می کنه.از یک نظر دیگه که بیشتر مورد توجه وب مستر ها هم هستش ، موتور جستجوی گوگل وب سایت هایی رو که کاربران زیاد به اون +۱ دادن رو بیشتر در نتایج اولیه خودش میاره ، در واقع محبوبیت اون مطلب و سایت رو در نظر میگیره.برای همین آموزش و چند کد مختلف برای قرار دادن دکمه گوگل پلاس و همینطور این کد در سیستم مدیریت وردپرس رو آوردم.

قرار دادن دکمه گوگل پلاس گوشه قالب وردپرس

دکمه ثابت گوگل پلاس در گوشه سایت

این آموزش برای هر سایتی قابل استفادس ولی من در ادامه مخصوص وردپرس هم قرار دادم.همونطور که در شکل بالا اون پایین سمت چپی ! مشاهده می کنید ، می توان دکمه گوگل پلاس رو در هر ۴ طرف گوشه سایت که مایل بودید قرار بدید.ابتدا باید کد زیر را در بالای تگ در قالبتون قرار بدید.

 

سپس در قالب خودتون زیر تگ کد زیر را قرار بدید تا جعبه ثابت حاوی دکمه +۱ در گوشه سایت قرار بگیره.

1
2
<div style="position:fixed; right:76%; top:84%; float:left; border:1px #999 solid; padding:6px; background:#bdeaff; width:195px; border-radius: 10px;
-moz-border-radius: 10px; font-family:tahoma; font-size:11px; "><div>ما را حمایت کنیدdiv>  <center><g:plusone size="tall">g:plusone>a>center>div>

سپس در قالب خودتون زیر تگ کد زیر را قرار بدید تا جعبه ثابت حاوی دکمه +۱ در گوشه سایت قرار بگیره.

1
2
<div style="position:fixed; right:76%; top:84%; float:left; border:1px #999 solid; padding:6px; background:#bdeaff; width:195px; border-radius: 10px;
-moz-border-radius: 10px; font-family:tahoma; font-size:11px; "><div>ما را حمایت کنیدdiv>  <center><g:plusone size="tall">g:plusone>a>center>div>

سپس در قالب خودتون زیر تگ کد زیر را قرار بدید تا جعبه ثابت حاوی دکمه +۱ در گوشه سایت قرار بگیره.

1
2
<div style="position:fixed; right:76%; top:84%; float:left; border:1px #999 solid; padding:6px; background:#bdeaff; width:195px; border-radius: 10px;
-moz-border-radius: 10px; font-family:tahoma; font-size:11px; "><div>ما را حمایت کنیدdiv>  <center><g:plusone size="tall">g:plusone>a>center>div>

دقت کنید با تغییر دادن مقادیر می تونید گوشه های مختف سایتتون قرار بدید.با تغییر مقدار tall به medium و small اندازه آیکون هم تغییر می کند.همچنین هر عبارت دیگه ای که دوست داشتید بجای ” ما را حمایت کنید” قرار بدید اگر دوست داشتید.

قرار دادن دکمه گوگل پلاس برای وردپرس

مثل قبلی کد اولی ( یا دومی اگر دوست دارید زبان و اعداد فارسی باشند ) رو در صفحه header.php در بالای تگ قالبتون قرار بدید.سپس کد های زیر رو در هر جای قالب که دوست داشتید قرار بدید.

1
2
3
4
5
6
7
8
9
10
11
//Standard google plus button
<g:plusone href="">g:plusone>
 
//Tall google plus button
<g:plusone size="tall" href="">g:plusone>
 
//Medium google plus button
<g:plusone size="medium" href="">g:plusone>
 
//Small google plus button
<g:plusone size="small" href="">g:plusone>

هر کدام از این ۴تا رو که دوست داشتید قرار کنبد.

دکمه گوگل پلاس در گوشه قالب وردپرس

اگر دوست دارید در گوشه قالبتون به صورت ثابت قرار بگیره ، دوباره مثل قبلی اون کد اول رو اولی رو در بالای در صفحه header.php قالب وردپرس خود قرار داده سپس کد زیر را در زیر قرار بدید.

1
2
3
4
<div style="position:fixed; right:76%; top:84%; float:left; border:1px #999 solid; padding:6px; background:#bdeaff; width:195px; border-radius: 10px;
-moz-border-radius: 10px; font-family:tahoma; font-size:11px; "><div>ما را حمایت کنیدdiv>  <center>
<g:plusone size="tall" href="">g:plusone>
a>center>div>

می تونید tall رو باز به small یا medium تغییر بدید یا اصلا حذف کنید تا سایز استاندارد در بیاد.

در آخر معذرت می خوام بابت دوباره کاری ، همه شما استاد من هستید و با همون کد اول هم می شد ما بقی کدها رو درآورد ، ولی من جدا جدا کردم تا دوستانی که اگر یکم با کدها آشنا نبودن بتونن استفاده کنن.من دوست داشتم یک آموزش برای گذاشتن آیکون شخصی برای دکمه گوگل پلاس و همچنین چند ترفند برای افزایش سرعت گوگل پلاس بزارم که نشد راستش !!


گرد آورنده : irsanat.com :( محمدرضایی )
تاریخ ارسال :  1394/1/06     
تعداد مشاهده :3717
ثبت نظرات شما کاربران محترم باعث بهبود مطالب سایت خواهد شد
نام و نام خانوادگی : الزامی
تلفن/ایمیل :
نظر شما : الزامی
کد امنیتی :

الزامی


دیگر مطالب مرتبط با موضوع : آموزش طراحی وب


جهت دیدن مطالب بیشتر کلیک کنید             
آخرین مقالات ارسالی
مطالب تصادفی


دستگاه تی دی اس متر(TDS)

دستگاه پی اچ متر دیجیتال

هدایت سنج آب,EC متر

فتومتر پرتابل دیجیتال

دماسنج دیجیتال

مولتی متر دیجیتال

ph متر خاک

ph متر، ph سنج

Tds متر

آمونياك سنج

سنسور ph سنج ، پراپ ph سنج

EC متر ، EC سنج

ph سنج هانا ، تستر ph هانا

رفرکتومتر ، قند سنج

EC/TDS متر ، هدایت تی دی اس سنج

EC/TDS/PH متر ، تستر های مولتی پارامتر آب

ترازو آزمایشگاهی

اکسیژن متر آنلاین

پی اچ ph سنج آنلابن

هدایت و تی دی اس سنج آنلاین ،EC/TDS تابلویی انلاین

اکسیژن سنج DO متر آنلاین تابلویی

محصولات شرکت آدوا ADWA -ADWA

تجهیزات کنترل و اندازه گیری آنلاین

کلر سنج

فروش فوق العاده تجهیزات آنلاین تابولویی

محصولات شرکت ای زد تایوان AZ

فلکسی تستر، کلر، کلراید، سختی، سختی کلسیم، مس، روی،سیلیسم



فروشگاه ایران صنعت ،بررسی انتخاب و خرید آنلاین

فروشگاه ایران صنعت در سال 1388 تاسیس گردید، که مفتخر است ، با عرضه محصولات ابزاردقیق ، برق الکترونیک ، ابزارآلات و تجهیزات صنعتی در سراسر کشور با بهترین کیفیت و قیمت رقابتی در خدمت هموطنان گرامی باشد .
ENAMAD logo-samandehi

آدرس : کرج چهار راه کارخانه قند به سمت میدان هفت تیر خیابان پناهی کوچه پناهی 1 پلاک 61 ساختمان اهورا واحد یک
شماره تلفن : 02691300551
شماره همراه : 09106978820 واتساپ ، تلگرام ، ایتا ، روبیکا ، ای گپ روی این شماره می باشد
شماره نمابر : 30008666850361
افراد آنلاین: 45
تاریخ :1403/2/30
پرداخت آنلاین شبکه اجتماعی یوتیوب اینستاگرام شبکه اجتماعی فیس بوک

تمامي كالاها و خدمات اين سایت، داراي مجوزهاي لازم از مراجع مربوطه میاشند و فعاليتهاي اين سايت تابع قوانين و مقررات جمهوري اسلامي ايران است
تمامی حقوق مادی و معنوی این وبسایت متعلق به ایران صنعت میباشد.